<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="{{__TEMPLATE__}}/css/index.css"/>
		<script src="{{__TEMPLATE__}}/js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="{{__TEMPLATE__}}/js/index.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body >
		<!--头部-->
		<div id="head">
			<img src="{{__TEMPLATE__}}/images/logo.jpg" class="logo" />
			<ul class="ad">
				<li>{{v('config.webname')}}</li>
				<li style="color: #ee782f;">一个粗糙的旅游页</li>
			</ul>
			<div class="right">
				<span>全国抢票热线</span>
				<p>400-682-3231</p>
			</div>
		</div>
		<!--头部结束-->
		<!--导航条-->
		<div id="menu">
			<div class="center">
				<a href="" class="cur">首页</a>
				<category pid="0">
					<a href="">{{$field['cate_name']}}</a>
				</category>
			</div>
		</div>
		<!--导航条结束-->
		
		<!--搜索区域-->
		<div id="search">
			<span>热门关键词：</span>
			<a href="">苏州</a>
			<a href="">西藏</a>
			<a href="">厦门</a>
			<a href="">日照</a>
			<a href="">海南</a>
			
			<form action="" method="post">
				<input type="text" placeholder="请输入搜索关键词" class="keyword"/>
				<input type="submit" value="" class="sub" />
			</form>
		</div>
		<!--搜索区域结束-->
		
		<!--轮播图-->
		<!--注意：直接向下面的div中遍历输出a标签即可，小圆点会根据a标签的数量自动创建，边界条件会自动判断。-->
		<div id="flash">
			<slide pid="0">
				<a href=""><img  style="height: 390px;width: 950px" src="{{$field['slide_thumb']}}" /></a>
			</slide>


			<ul></ul>
		</div>
		<!--轮播图结束-->
		
		<!--大区域-->
		<div class="main">
			<div class="left">
				<h3>风景推荐</h3>
				<dl>
					<dt><a href="">苏州</a></dt>
					<arclist cid="18">
						<dd><a href="{{$field['url']}}">{{$field['arc_title']}}</a></dd>
					</arclist>
				</dl>
				<dl>
					<dt><a href="">西藏</a></dt>
					<arclist cid="19">
						<dd><a href="{{$field['url']}}">{{$field['arc_title']}}</a></dd>
					</arclist>
				</dl>
			</div>
			
			<!--右侧-->
			<div class="right">
				<!--标题-->
				<div class="title">
					<p>
						<span>苏州美景</span>
						<img src="{{__TEMPLATE__}}/images/sd02.jpg" />
					</p>
					<a href=""><img src="{{__TEMPLATE__}}/images/more01.gif"/></a>
				</div>
				<!--标题结束-->
				<!--产品列表-->
				<ul class="product_list">
					<arclist cid="18" thumb="1">
						<li>
							<a href="" class="pic"><img src="{{$field['arc_thumb']}}" /></a>
							<a href="" class="product_title">{{$field['arc_title']}}</a>
							<p>{{$field['arc_description']}}</p>
						</li>
					</arclist>

				</ul>
				<!--产品列表结束-->
				<div class="title">
					<p>
						<span>西藏美景</span>
						<img src="{{__TEMPLATE__}}/images/sd02.jpg" />
					</p>
					<a href=""><img src="{{__TEMPLATE__}}/images/more01.gif"/></a>
				</div>
				<!--标题结束-->
				<!--产品列表-->
				<ul class="product_list">
					<arclist cid="19" thumb="1">
						<li>
							<a href="" class="pic"><img src="{{$field['arc_thumb']}}" /></a>
							<a href="" class="product_title">{{$field['arc_title']}}</a>
							<p>{{$field['arc_description']}}</p>
						</li>
					</arclist>

				</ul>
				
				

				<!--产品列表结束-->



				<!--标题-->

				<!--标题结束-->
				<!--产品列表-->

				<!--产品列表结束-->
			</div>
			<!--右侧结束-->
		</div>
		<!--大区域结束-->
		
		<!--车间-->
		<!--这个轮播图非常聪明，只需要向ul里遍历li数据即可。其他的事情js帮你搞定-->
		<div id="factory">
			<div class="line"></div>
			<!--<img src="{{__TEMPLATE__}}/images/sltil.jpg" class="title" />-->
			<span style="margin: 10px auto;display: block;width: 60px;line-height: 14px;font-size: 14px;color: #00a0e9">美景分享</span>
			<img src="{{__TEMPLATE__}}/images/ico_l01.jpg" class="icon1" />
			<img src="{{__TEMPLATE__}}/images/ico_r01.jpg" class="icon2" />
			<div class="center">
				<ul>
					<arclist thumb="1">
						<li>
							<img src="{{$field['arc_thumb']}}" />
							<a href="{{$field['url']}}">{{$field['arc_title']}}</a>
						</li>
					</arclist>
				</ul>
			</div>
		</div>
		<!--车间结束-->
		<img src="{{__TEMPLATE__}}/images/ge02.jpg" id="shadow" />
		
		<!--友情链接-->
		<p id="link">友情链接</p>
		<div id="webs">
			<a href="">后盾网</a>
			<a href="">后盾人</a>
			<a href="">HDCMS</a>
			<a href="">HDPHP</a>
			<a href="">后盾论坛</a>
			<a href="">百度</a>
			<a href="">腾讯</a>
			<a href="">阿里巴巴</a>
			<a href="">新浪</a>
			<a href="">搜狐</a>
		</div>
		<!--友情链接结束-->
		<p style="margin-left: 1200px;">
		<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1262379772'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s13.cnzz.com/z_stat.php%3Fid%3D1262379772%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script>

			<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=457458295&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:457458295:52" alt="点击这里给我发消息" title="点击这里给我发消息"/></a>
		</p>
			<!--底部-->

		<div id="footer">

			<P>
			网站名称：{{v('config.webname')}}

			站长邮箱 : {{v('config.email')}}
			</P>
			<p>备案号：{{v('config.icp')}}</p>
		</div>

		<!--底部结束-->
		
	</body>
</html>
